.plate {
    width: 100%;
    position: absolute;
    z-index: 999;

    .header {
        width: 100%;
        height: 88px;
        /* 原vh(88) */
        position: relative;
        line-height: 69px;
        /* 原vh(69) */
        text-align: center;
        
        transform-origin:top;

        .header-img {
            width: 100%;
            height: 88px;
            /* 原vh(88) */
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
        }

        .header-title {
            font-size: 33px;
            /* 原vh(33) */
            font-weight: bold;
            color: #fff;
            letter-spacing: 6px;
            /* 原vw(6) */
        }
    }

    .left-card-1,
    .right-card-1 {
        .card-header {
            margin-top: 20px;
            /* 原vh(10) */
        }
    }

    .content {
        display: flex;
        flex-direction: column;
       


        .card {
            width: 420px;
            /* 原vw(420) */
            margin-top: 15px;
            /* 原vh(15) */
            position: relative;
        }

        .background {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .card-header {
            height: 60px;
            /* 原vh(60) */
            background-repeat: repeat-x;
            position: relative;
            background-position: 0 0;

            .title {
                padding-top: 16px;
                /* 原vh(16) */
                padding-left: 20px;
                /* 原vw(20) */
                font-weight: bold;
                color: #fff;
                position: relative;

                .text {
                    margin-bottom: -7px;
                    /* 原vh(-7) */
                    padding-left: 8px;
                    /* 原vw(8) */
                    font-size: 16px;
                    /* 原vh(16) */
                }

                img {
                    position: absolute;
                    z-index: -1;
                }
            }
        }
    }

    .left-content {
        position: absolute;
        left: 20px;
        /* 原vw(20) */
        .content{
            transform-origin: left top;
        }
    }

    .right-content {
        position: absolute;
        right: 20px;
        /* 原vw(20) */
        height: auto;

        
        .content{
            transform-origin: right top;
        }
        .card {
            height: auto;
        }
    }
}

.center-bottom-content {
    position: absolute;
    top: 845px;
    height: 230px;
    width: 40%;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto;
}